<!DOCTYPE html>

<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>在线取模工具</title>
</head>

<body>

	<div class="All">
		<h1>在线取模工具</h1>

		<div class="header">
			<h3 class="yulan">图像预览:</h3>
			<div id="images-canvas-container">
				<canvas id="canvas" width="212" height="104"></canvas>
			</div>
		</div>

		<div class="header-bottom">
			
			<!--文件选择按钮-->
			<div class="file-container">
				<input type="file"  id="file-input" name="file-input" multiple=""><br>
			</div>

			<p class="Brightness">调节细节:</p>
			<div class="Brightnessthreshold">
				<input id="threshold" class="size-input" type="number" min="0" max="255"
					name="threshold" oninput="updateInteger(&#39;threshold&#39;)" value="200">
					<button class="ensure-button" onclick="updataimg()" >确定</button>
			</div>
			<div id="format" name="format">显示选项:
				<br>
				<label><input type="radio" name="format" value="wb" onclick="" checked="checked">白底黑字</label>
				<label><input type="radio" name="format" value="wr">白底红字</label>
				<br>
				<label><input type="radio" name="format" value="rb">红底黑字</label>
				<label><input type="radio" name="format" value="rw">红底白字</label>
				<br>
				<label><input type="radio" name="format" value="br">黑底红字</label>
				<label><input type="radio" name="format" value="bw">黑底白字</label>
			</div>
			<div class="anniu">
				<button style="display:inline-block" type="button" class="generate-button"
					onclick="updatatoServer()">输出</button>
			</div>
			<!-- <form action="LED-Control"><input type="submit" value="LED控制"></form> -->
		</div>
	</div>
	<script src="script.js"></script>
</body>

</html>